$(document).ready(function(){
	$('header').vegas({
			overlay: 'img/overlay.png',
		    slides: [
		        { src: 'img/banner3.jpg' },
		        { src: 'img/banner2.jpg' },
		        { src: 'img/banner1.jpg' }
		    ]
	});
	
	//弹出层
	
	$('#portfolio img').click(function(){
		if($(this).attr('index')==0){
		layer.open({
				type: 1,
				shade: false,
				area: ['90%', '95%'],
				title: false, //不显示标题
				content: $('#banner'), //捕获的元素
				cancel: function(index){
					layer.close(index);
					this.content.show();
					layer.msg('这就是轮播图', {time: 3000, icon:6});
			 	}
		})	
		}
	})
	
	$('#portfolio img').click(function(){
		if($(this).attr('index')==1){
			layer.open({
				type: 1,
				shade: false,
				area: ['90%', '95%'],
				title: false, //不显示标题
				content: $('#fada'), //捕获的元素
				cancel: function(index){
					layer.close(index);
					this.content.show();
					layer.msg('这就是放大镜', {time: 3000, icon:6});
			 	}
			})	
		}
	})
	
	
	//图片
	$('#gallery img').addClass('tm');
	$('#gallery img').mouseover(function(){
		$(this).removeClass('tm');
	}).mouseout(function(){
		$(this).addClass('tm');
	})
	
	
	
	//回到顶部
	$(document).scroll(function(){
		var h=$(document).scrollTop();
		if(h>500){
			$('#top').show();
		}else{
			$('#top').hide();
		}
	})
	$('#top').click(function(){
		 $(window).scrollTop(0);
	})
	
	//轮播图	
	var imgWidth=$('#banner img').width();
	var num=0;
	var bnTimer;
	var h3=['the best preparation for good work tomorrow is to do good work today.','to do great work a man must be very idle as well as very industrious.','whoever is in a hurry shows that the thing he is about is too big for him.']
	//图片跳转
	function Go(i){
		$('#banner-img li').css({display:'none',});
		$('#banner-img li').eq(i).css({display:'block',});
		$('#spot li').removeClass("white");
		$('#spot li').eq(i).addClass("white");
		$('#box h3').html(h3[i]);
		
	}
	Go();
	//自动播放
	function auto(){
		bnTimer=setInterval(function(){
			Go(num);
			num++
			if(num>2){num=0};
	  	},1000)
	}
    auto();
    //移入停止播放，移除开始
	$('#banner').mouseover(function(){
		clearInterval(bnTimer);
	}).mouseout(function(){
		auto();
	})
	
	//上一个
	$('#pre').click(function(){
		num--;
		if(num<0){num=2};
		Go(num);
		console.log(num);
	})
	$('#next').click(function(){
		num++;
		if(num>2){num=0};
		Go(num);
			
		console.log(num);
		
	})
	//点击下标
	$('#spot li').click(function(){
		var i=$(this).index();
		Go(i);
		num=i;
	})
	//轮播图结束
	
	//放大镜
	
	$('#small').mouseover(function(){		
		var w=$(this).width();
		$('#big').show();
	}).mouseout(function(){
		$('#big').hide();
				
	})
	$(document).mousemove(function(e){
		var p=$('#small').offset();
		
		$('#big').scrollTop((e.pageY-p.top)*3.84-200).scrollLeft((e.pageX-p.left)*3.84-250);
	})
	
	//表单验证
	
	// function test(){
	// 	if($('#name').val()!=$('#name').val().match(/^[^_][A-z0-9]{2,5}/)){
	// 		$('#n-con').html("长度为3-5，首字不能为下划线");			
	// 	}
	// 	if($('#e-mail').val()!=$('#e-mail').val().match(/^[a-zA-Z0-9_\-\.]+@[a-zA-Z0-9_\-\.]+\.[a-zA-Z]{0,4}$/)){
	// 		$('#e-con').html("您的格式有误");			
	// 	}
	// 	if($('#phone').val()!=$('#phone').val().match(/^[1][13584][0-9]{9}$/)){
	// 		$('#p-con').html("您的格式有误");			
	// 	}
	// 	if($('#qq').val()!=$('#qq').val().match(/^[0-9]{4,11}$/)){
	// 		$('#q-con').html("您的格式有误");			
	// 	}
	//	
	// }
	// $("input").focusout(function(){
	// 	test();	
	// })
	
	
})
